.todo-task-title{
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  word-break: break-word;
  margin: 20px 30px;
  height: 24px;
  .todo-rest{
    width: 95%;
    overflow: hidden;
    float: left;
    height: 24px;
  }
  .todo-rest:hover{
    border-bottom: 1px dashed #c5bebeb8;
  }
  .title-style {
    //padding: 3px 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    word-break: break-word;
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    border-bottom: 1px dashed transparent;

    overflow: hidden;
    overflow-wrap: break-word;
    height: 24px;

    width: 100%;
    border-radius: 0;
    outline: 0;
    resize: none;
  }

  .checkbox-completeTask{
    float: left;
    margin-top: -5.5px;
    background: transparent!important;
    color: transparent!important;
  }
  .checkbox-completeTask:hover{
    background: transparent!important;
    color: transparent!important;
  }
  .fa-square {
    border: 13px solid #665f5f;
    border-radius: 5px;
    color: white !important;
  }
  .checkbox-cancel{
    cursor: auto;
    .fa-square {
      border: 13px solid #E53935;
      border-radius: 5px;
      color: #E53935!important;
    }
  }
  .checkbox-closed{
    cursor: auto;
    .fa-square {
      border: 13px solid #757575;
      border-radius: 5px;
      color: #757575!important;
    }
  }
  .checkbox-done{
    .fa-check-square {
      //border: 13px solid #4CAF50;
      //border-radius: 5px;
      font-size: 32px;
      color: #4CAF50!important;
    }
  }

}


.main-todo-additions{
  height: 50px;
  margin: 10px 35px;
  padding-bottom: 45px;
  border-bottom: 1px solid #efefef;

  .additions-assignedto {
    line-height: 45px;
    float: left;
    margin-left: 20px;
    width: 140px;
    margin-right: 0!important;
    .el-scrollbar {
      display: block !important;
    }
    .el-select .el-input .el-select__caret {
      display: none;
    }
    .select-person{
      width: 75%;
      input.el-input__inner {
        padding-left: 5px;
      }
      .el-input__inner {
        border-color: transparent;
        border: 0px;
      }
      .el-input__inner:hover {
        border-color: transparent;
        border: 0px;
      }

      .el-option{

      }
    }

  }

  .additions-endtime{
    line-height: 45px;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    //width: 220px;
    .el-date-editor {
      width: 160px!important;
    }
    input.el-input__inner {
      cursor: pointer;
    }
    .el-input__inner {
      border: 0px;
    }

  }

  .additions-pri{
    line-height: 45px;
    float: left;
    margin-right: 50px;
    margin-left: 20px;
    .ivu-select-selection-focused, .ivu-select-selection:hover,.ivu-select-selection {
      border-color: transparent;
      border: 0px;
    }
    .ivu-select {
      width: 70%;
    }
    i.ivu-icon.ivu-icon-ios-arrow-down.ivu-select-arrow {
      display: none;
    }
    .ivu-select-visible .ivu-select-selection {
      border-color: #333538;
      outline: 0;
      box-shadow: 0 0 0 0;
    }

    .el-scrollbar {
      display: block !important;
    }
    .el-select .el-input .el-select__caret {
      display: none;
    }
    .select-pri{
      width: 75%;
      input.el-input__inner {
        padding-left: 5px;
      }
      .el-input__inner {
        border-color: transparent;
        border: 0px;
      }
      .el-input__inner:hover {
        border-color: transparent;
        border: 0px;
      }

      .el-option{

      }
    }
    .select-pri1{
      .el-input__inner {
        color: rgba(211, 47, 47, 1);
      }
    }
    .select-pri2{
      .el-input__inner {
        color: rgba(251, 140, 0, 1);
      }
    }
    .select-pri3{
      .el-input__inner {
        color: rgba(189, 189, 189, 1);
      }
    }
    .select-pri4{
      .el-input__inner {
        color: rgba(67, 160, 71, 1);
      }
    }


  }


}


.label-type{
  padding: 10px 30px;
  .row-click{
    color: #999;
    margin-left: 10px;
    margin-right: 10px;
  }
  .row-click:hover {
    color: #44acb6;
  }
}


.todo-task-detail{
  padding: 10px 30px;
  border-bottom: 1px solid #efefef;

  .row-title{
    display: flex;
    align-items: center;
    color: #555;
    line-height: 36px;
    span{
      font-weight: 700;
      margin-left: 10px;
      margin-right: 10px;
      padding: 0;
      border: 0;
      font-size: 100%;
      vertical-align: baseline;
    }
    .row-link{
      color: #999;
    }
    .row-link:hover {
      color: #44acb6;
    }

  }

  .desc-wrapper{
    overflow: hidden;
    .desc-content{
      overflow: hidden;
      img{
        max-width: 100%;
        height: auto;
      }
    }
  }

  .task-detail-richtext{
    .save,.cancel{
      margin-top: 15px;
      margin-right: 15px;
      margin-bottom: 20px;
    }
  }

}

.taskDetail-file{
  .upload-taskDetail-file{
    a.el-upload-list__item-name {
      color: #999;
    }
    a.el-upload-list__item-name:hover {
      color: #44acb6;
    }
  }
  .row-link{
    color: #999;
  }
  .row-link:hover {
    color: #44acb6;
  }
}

.el-select-dropdown .el-scrollbar .el-scrollbar__view .el-select-dropdown__item>span {
  padding: 0 20px 0 10px;
}

.el-popper[x-placement^=bottom] {
  margin-top: 1px;
  //margin-left: -30px;
}

.avatar{
  display: block;
  color: #fff;
  background-color: #7DDFEC;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  line-height: 25px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}